<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单标签练习</title>
</head>
<body>
<!---->
<form action="http://www.baidu.cn" method="get">
    <!--文本框: name属性：提交给服务器的参数名; placeholder属性：提示信息-->
    <input type="text" name="uname" placeholder="请输入用户名">
    <!--密码框：type属性：指定输入框的类型-->
    <input type="password" name="pwd" placeholder="请输入密码"><br>
    <input type="submit" value="登录">
    <input type="reset" value="重置">
    <input type="button" value="按钮"><br><br>
<!--    复选框：name属性：指定提交给服务器的参数名;
              value属性：指定提交给服务器的参数值;
              checked属性：指定默认选中；
              label标签：指定复选框的文本
                -->
    <input type="checkbox" name="hobby" id="c1" value="drink"><label for="c1">喝酒</label>
    <input type="checkbox" name="hobby" id="c2" value="smoke"><label for="c2">抽烟</label>
    <input type="checkbox" name="hobby" id="c3" value="eat"><label for="c3">吃</label><br>
    <!--单选框：name属性：指定提交给服务器的参数名;
              value属性：指定提交给服务器的参数值;
              checked属性：指定默认选中；-->
    <input type="radio" name="sex" value="m" id="r1"><label for="r1">男</label>
    <input type="radio" name="sex" value="f" checked>女
    <input type="file" name="file">
    <input type="color" name="color">
    <input type="date" name="date">
    <input type="datetime-local" name="datetime-local">
    <input type="email" name="email">
    <input type="month" name="month">
    <input type="number" name="number">
    <input type="range" name="range">
    <input type="search" name="search">
    <input type="tel" name="tel">
    <input type="time" name="time">
    <input type="url" name="url">
    <input type="week" name="week">

    <select name="city">
        <option value="beijing">北京</option>
        <option name="shanghai" selected>上海</option>
        <option>深圳</option>
        <option>广州</option>
    </select>
</form>
</body>
</html>